<template>
	<view class="main">
		<view class="auth" v-if="false">
			<view class="title">您的企业全称:</view>
			<u-input v-model="name" type="text" placeholder="输入企业名称"/>
			<u-input v-model="code" type="text" placeholder="输入企业统一社会信用代码"/>
			<view class="license">
				<image class="license_img" src="../../static/image/license.png" mode="aspectFill"></image>
				<u-upload :custom-btn="true" :show-upload-list="false">
					<view slot="addBtn" class="slot-btn">
						<view class="uploadbtn">
							
						</view>
					</view>
				</u-upload>
			</view>
			<view class="tips">
				<view class="item">温馨提示:</view>
				<view class="item">
					1. 拍摄与所填<text>公司全称一致</text>的营业执照并上传.
				</view>
				<view class="item">2. 最新下发的营业执照.</view>
				<view class="item">3. 营业执照信息和公章<text>清晰可辨</text></view>
			</view>
			<button type="default" class="submit">提交</button>
		</view>
		<view class="content">
			<view class="item">
				<view class="left">
					<view class="des">企业名称</view>
					<view class="title">北京科技有限公司</view>
				</view>
				<image src="../../static/image/renzhengtongguo.png" mode=""></image>
			</view>
			
			<view class="item">
				<view class="left">
					<view class="des">注册号/统一社会信用代码</view>
					<view class="title">9111 88655 8899090D</view>
				</view>
			</view>
			<view class="item">
				<view class="left">
					<view class="des">认证通过时间</view>
					<view class="title">2019年05月23日</view>
				</view>
			</view>
		</view>
		<u-popup v-model="loading_show" mode="center" closeable>
			<view class="loading_cont">
				<image src="../../static/image/dengdai.png" mode=""></image>
				<view class="title">等待客服审核</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		components:{
			
		},
		data() {
			return {
				name:'',
				code:'',
				loading_show:true,//是否展示等待弹窗
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		
		overflow: hidden;
		.auth{
			min-height: 100vh;
			background-color: #f9f9f9;
			padding: 0 30rpx;
			.title{
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
				margin-top: 30rpx;
			}
			/deep/uni-input{
				min-height: auto!important;
				height: auto;
				padding: 30rpx 0;
				border-bottom: 1px solid #D8D8D8;
			}
			/deep/input{
				font-size: 34rpx;
				color: #888888;
				line-height: 48rpx;
			}
			.license{
				position: relative;
				margin: 32rpx 0 30rpx 0;
				.license_img{
					width: 690rpx;
					height: 437rpx;
				}
				.uploadbtn{
					width: 268rpx;
					height: 71rpx;
					background: url(../../static/image/licensebtn.png)left center no-repeat;
					background-size: 268rpx 71rpx;
					position: absolute;
					left: calc(50% - 134rpx);
					top:calc(50% - 36rpx)
				}
			}
			.tips{
				.item{
					font-size: 24rpx;
					color: #C7C7C7;
					line-height: 33rpx;
					margin-bottom: 30rpx;
					text{
						color: #4A90E2;
					}
				}
			}
			.submit{
				width: 690rpx;
				height: 100rpx;
				background: #4A90E2;
				border-radius: 50rpx;
				font-size: 34rpx;
				font-weight: 400;
				color: #FFFFFF;
				line-height:100rpx;
				margin-top: 70rpx;
				&::after{
					border: 0;
				}
			}
		}
		.content{
			min-height: 100vh;
			background-color: #FFFFFF;
			.item{
				border-bottom: 20rpx solid #f9f9f9;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 30rpx;
				.des{
					font-size: 28rpx;
					color: #888888;
					line-height: 40rpx;
				}
				.title{
					font-size: 32rpx;
					font-weight: 500;
					color: #333333;
					line-height: 45rpx;
					margin-top: 7rpx;
				}
				image{
					width: 127rpx;
					height: 105rpx;
				}
				&:last-child{
					border-bottom: 0;
				}
			}
		}
		.loading_cont{
			padding: 100rpx 162rpx;
			text-align: center;
			image{
				width: 89rpx;
				height: 98rpx;
			}
			.title{
				margin-top: 44rpx;
				font-size: 28rpx;
				font-weight: 500;
				color: #333333;
				line-height: 40rpx;
			}
		}
	}
</style>
